<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich">
	<span class="paneLeft"> <rich:panel>
			<ui:repeat value="#{facebookAuthFlow.steps}" var="s"
				varStatus="status">
				<h:outputText value="#{s.stepName}"
					styleClass="${facebookAuthFlow.getStyle(status.index + 1, step)}" />
				<br />
			</ui:repeat>
		</rich:panel>
	</span>
	<span class="paneRight"> <rich:panel>
			<f:facet name="header">
				<h:outputText value="Instructions" />
			</f:facet>
			<h:outputText value="#{facebookAuthFlow.steps[step - 1].helpText}" />
		</rich:panel></span>
</ui:composition>